﻿@model KRM.Core.tblPersonal
@{
    ViewBag.Title = Model.FullName +" Profile";
    Layout = "~/Views/Shared/_HRLayout.cshtml";
}

<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <h3 class="page-title">
           User Profile <small>Modified your profile</small>
        </h3>
        <!-- END PAGE TITLE & BREADCRUMB-->
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="/Home">Home</a> 
                <span class="icon-angle-right"></span>
            </li>
                        <li>
                <a href="/Profile/MyProfile">Personal</a>
                <span class="icon-angle-right"></span>
            </li>
            <li>
                <a href="/Profile/MyProfile">Profile</a>
            </li>
        </ul>
    </div>
</div>
<div class="tabbable tabbable-custom tabbable-full-width col-md-12">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab_OverView" data-toggle="tab">OverView</a></li>
        <li><a href="#tab_PersonalInfo" data-toggle="tab">Personal Info</a></li>
        <li><a href="#tab_Account" data-toggle="tab">Account Setting</a></li>
        <li><a href="#tab_Position" data-toggle="tab">Postition Info</a></li>
        <li><a href="#tab_NextOfKin" data-toggle="tab">Next Of Kin</a></li>
        <li><a href="#tab_BankAccount" data-toggle="tab">Bank Account</a></li>
        <li><a href="#tab_Medical" data-toggle="tab">Medical Questionare</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab_OverView">
            @Html.Action("OrverView","Profile",Model)
        </div>   
        <div class="tab-pane " id="tab_PersonalInfo">
            @Html.Action("PersonalInfo","Profile",Model)      
        </div>    
        <div class="tab-pane " id="tab_Account">
            @Html.Action("AccountSetting","Profile",Model)
        </div>   
         <div class="tab-pane " id="tab_Position">
             @Html.Action("PositionInfo","Profile",Model)
         </div>            
        <div class="tab-pane " id="tab_NextOfKin">
            @Html.Action("Index","NextOfKin",Model)
        </div>                 
        <div class="tab-pane " id="tab_BankAccount">
            @Html.Action("BankAccountDetail","BankAccount",Model)
        </div>             
        <div class="tab-pane " id="tab_Medical">
            @Html.Action("MedicalQuestionare","Personal",Model.Id)
        </div>              
    </div>
    <!--end tab-pane-->
</div>
<!-- END FORM-->                
